@charset "utf-8";
@import "variable.scss";

.pull-right {float:right !important;}
.pull-left {float:left !important;}

.text-center {text-align:center !important;}

.color-danger {color:$danger-color !important;}
.color-tip {color:$sub-color !important;}
.gray-text {color:$gray-color !important;}
.tip-text {color:$sub-font-color !important;}
.sub-text {color:$sub-color !important;}
.default-text {color:$font-color !important;}
.main-text {color:$main-color !important;}
.white-text {color:#fff !important;}
.green-text {color:#00de8d !important;}

.bg-white {background:#fff !important;}
.bg-default {background:$bg-color !important;}
.bg-gray {background:$gray-color !important;}
.bg-light-gray {background:#f5f5f5 !important;}
.bg-btn { background:#999 !important;}
.bg-main {background:$main-color !important;}
.bg-approval {background:$approval-color !important;}
.bg-danger {background:$danger-color !important;}

.cont-img {
  width:100%;
  img {max-width:100%;}
}


.font-title {font-size:px2rem(32) !important;}
.font-default {font-size:px2rem(24) !important;}
.font-inherit {font-size:inherit !important;}
.font-22 {font-size:px2rem(22) !important;}
.font-24 {font-size:px2rem(24) !important;}
.font-26 {font-size:px2rem(26) !important;}
.font-28 {font-size:px2rem(28) !important;}
.font-30 {font-size:px2rem(30) !important;}
.font-32 {font-size:px2rem(32) !important;}
.font-bold {font-weight:bolder !important;}

.line-height-15 {line-height:1.5em;}
.line-height-18 {line-height:1.8em;}

.default-blank {height:px2rem(50);}

.header-top-text {padding:px2rem(30) px2rem(20) 0;}

.mt-50 {margin-top:px2rem(50) !important;}
.pt-50 {padding-top:px2rem(50) !important;}
.pt-30 {padding-top:px2rem(30) !important;}
.pt-20 {padding-top:px2rem(20) !important;}

@for $i from 0 through 10 {
  .pdh-#{$i} {padding-left:#{px2rem($i*10)} !important;padding-right:#{px2rem($i*10)} !important;}
  .pdv-#{$i} {padding-top:#{px2rem($i*10)} !important;padding-bottom:#{px2rem($i*10)} !important;}
  .mgh-#{$i} {margin-left:#{px2rem($i*10)} !important;margin-right:#{px2rem($i*10)} !important;}
  .mgv-#{$i} {margin-top:#{px2rem($i*10)} !important;margin-bottom:#{px2rem($i*10)} !important;}
  .pdt-#{$i} {padding-top:#{px2rem($i*10)} !important; }
  .mgt-#{$i} {margin-top:#{px2rem($i*10)} !important; }
}

.overflow {overflow:hidden;}
.btn-position {
  margin-top:px2rem(60) !important;
  margin-bottom:px2rem(100) !important;
}
/*统一处理cube-ui演示*/
.cube-select {
  font-size:$font-size-16;
  color:$font-color;
  outline:none;
  &:focus {
    outline: none;
  }
}
.cube-select::after {
  border:none;
}
.cube-select-text {
  overflow: auto;
  width:100%;
}
.clearfixed {
  clear:both;
}
html,body {
  margin:0;padding:0;
}
* {box-sizing:border-box;}
